import React from 'react';
import { string, any } from "prop-types"
import { LabelWrapper } from './styledLabel';

const Label = ({
    title,
    size,
    color,
    bgcolor,
    padding,
    margin,
    borderRadiu,
    border,
    children,
}) => {
    return (
        <LabelWrapper
            size={size}
            color={color}
            bgcolor={bgcolor}
            padding={padding}
            margin={margin}
            borderRadiu={borderRadiu}
            border={border}
        >
            {title}{children}
        </LabelWrapper>
    );
}

Label.propTypes = {
    title: string,
    size: string,
    color: string,
    bgcolor: string,
    padding: string,
    margin: string,
    borderRadiu: string,
    border: string,
    children: any,
}

export default Label;